<!DOCTYPE html>
<html>
	<head xmlns:wb="http://open.weibo.com/wb">
		<meta charset="UTF-8">
		<title>鼎搜网登录</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/login.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
		<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="web">
			<!--**************头部**************-->
			<header>
				<div class="header_top"></div>
				<div class="header_bot">
					<div class="logo">
						<h1>
							<a href="#">
								<img src="img/logo.png" alt="logo" />
							</a>
						</h1>
					</div>
					<div class="nav">
						<ul class="clearfix">
							<li class="animated jackInTheBox"><a href="index.html">首页</a></li>
							<li class="animated jackInTheBox"><a href="detail.html">关于鼎搜</a></li>
							<li class="animated jackInTheBox"><a href="login.html">鼎搜服务</a></li>
							<li class="animated jackInTheBox"><a href="list.html">鼎搜动态</a></li>
							<li class="animated jackInTheBox"><a href="reg.html">鼎搜诚聘</a></li>
							<li class="animated jackInTheBox"><a href="#">鼎搜公益</a></li>
						</ul>
					</div>
					<div class="search">
						<form action="" method="post" enctype="multipart/form-data" class="clearfix">
							<input type="text" name="search" value="" />
							<div class="search_img">
								<i class="iconfont icon-search"></i>
							</div>
						</form>
					</div>
				</div>
				<!--**************banner部分**************-->
				<div class="banner swiper-container">
					<div class="banner_slide clearfix swiper-wrapper">
						<a href="#" class="swiper-slide">
							<img src="img/topbanner.jpg" alt="topbanner" />
							<div class="font1">
								<img src="img/诚信为鼎.png" alt="诚信为鼎" />
							</div>
							<div class="font2">
								<img src="img/共赢为首.png" alt="共赢为首" />
							</div>
							<div class="font3">
								<img src="img/服务全网.png" alt="服务全网" />
							</div>
						</a>
						<a href="#" class="swiper-slide">
							<img src="img/topbanner.jpg" alt="topbanner" />
							<div class="font1">
								<img src="img/诚信为鼎.png" alt="诚信为鼎" />
							</div>
							<div class="font2">
								<img src="img/共赢为首.png" alt="共赢为首" />
							</div>
							<div class="font3">
								<img src="img/服务全网.png" alt="服务全网" />
							</div>
						</a>
						<a href="#" class="swiper-slide">
							<img src="img/topbanner.jpg" alt="topbanner" />
							<div class="font1">
								<img src="img/诚信为鼎.png" alt="诚信为鼎" />
							</div>
							<div class="font2">
								<img src="img/共赢为首.png" alt="共赢为首" />
							</div>
							<div class="font3">
								<img src="img/服务全网.png" alt="服务全网" />
							</div>
						</a>
					</div>
					<!--左箭头-->
					<div class="swiper-button-prev"></div>
					<!--右箭头-->
					<div class="swiper-button-next"></div>
					<!--圆点-->
					<div class="swiper-pagination"></div>
				</div>
			</header>
			<!--**************中间部分**************-->
			<section>
				<div class="content">
					<div class="content_top">
						<span class="content_top_left"></span>
						<p>我要转让</p>
						<p class="zhuan">WO YAO ZHUAN RANG</p>
						<span class="content_top_right"></span>
					</div>
					<div class="content_bot">
						<div class="content_bot_left">
							<form action="index.php" method="post" enctype="multipart/form-data">
								<div class="denglu"><a href="#">点击登录</a></div>
								<div class="zhuce"><a href="reg.html">点击注册</a></div>
								<div class="user">
									<label for="user">用户名：</label>
									<input type="text" name="user" id="user" value=""/>
								</div>
								<div class="psw">
									<label for="psw">密　码：</label>
									<input type="password" name="psw" id="psw" value=""/>
								</div>
								<div class="sec">
									<label for="sec">验证码：</label>
									<input type="text" name="sec" id="sec" value=""/>
									<div class="yanzhengma">
										<img src="img/yanzhengma.png" />
									</div>
									<div class="change">
										<a href="#">看不清？<span>点击更换</span></a>
									</div>
								</div>
								<div class="indate">
									有效期：
									<label><input type="radio" name="data" value="0" checked /><span>一个月</span></label>
									<label><input type="radio" name="data" value="1" /><span>一周</span></label>
									<label><input type="radio" name="data" value="2" /><span>一天</span></label>
									<label><input type="radio" name="data" value="3" /><span>即时</span></label>
								</div>
								<div class="pass clearfix">
									<div>登录</div>
									<p><a href="#">忘记密码？</a></p>
								</div>
							</form>
						</div>
						<div class="content_bot_right">
							<a href="#">
								<img src="img/03H58PIC9xv.png" />
								<p>鼎搜</p>
								<p>让生意做的更容易</p>
							</a>
						</div>
					</div>
				</div>
			</section>
			<!--**************尾部**************-->
			<footer>
				<div class="footer_nav">
					<div class="footer_left">
						<div class="help">
							<dl>
								<dt>简介</dt>
								<dd><a href="detail.html">鼎搜网简介</a></dd>
								<dd><a href="login.html">鼎搜服务</a></dd>
								<dd><a href="#">会员身份实名认证</a></dd>
							</dl>
							<dl>
								<dt>帮助</dt>
								<dd><a href="reg.html">用户注册</a></dd>
								<dd><a href="detail.html">关于鼎搜</a></dd>
								<dd><a href="#">在线咨询</a></dd>
							</dl>
							<dl>
								<dt>共赢</dt>
								<dd><a href="#">网站合作</a></dd>
								<dd><a href="#">用户协议</a></dd>
								<dd><a href="#">会员身份实名认证</a></dd>
							</dl>
							<dl>
								<dt>导航</dt>
								<dd><a href="#">地图首页</a></dd>
								<dd><a href="#">职能分类</a></dd>
								<dd><a href="#">企业名录</a></dd>
							</dl>
						</div>
					</div>
					<div class="footer_right">
						<div class="service">
							<div class="phone clearfix">
								<div class="phone_img">
									<img src="img/phone.png"/>
								</div>
								<p>全国服务热线440-880-1779</p>
								<p class="tel">投诉电话：4408801779</p>
								<p class="time">周一至周六：9:20-20:00</p>
								<p class="email">邮箱:dinsoo@163.com</p>
								<span class="weibo">
									<wb:follow-button style="margin-right:-10px;" uid="2991975565" type="red_1" width="67" height="24" ></wb:follow-button>
									<div style="float:right;margin-left:5px">
										<a href="#" style="display: inline-block;width:62px;height:22px;"><img src="img/tx.jpg" style="width:100%;"/></a>
									</div>
									<!--<a href="#"><img src="img/weibo.png"/></a>-->
								</span>
							</div>
							<div class="message clearfix">
								<div class="message_img">
									<img src="img/erweima.jpg"/>
								</div>
								<p><a href="#">订阅信息</a></p>
							</div>
						</div>
					</div>
				</div>
				<div class="footer_copy">
					<p>Copyright &copy;2015 鼎搜网(<a href="#">www.dinsoo.com</a>) 版权所有</p>
				</div>
			</footer>
		</div>
		<script>
			var swiper1 = new Swiper('.swiper-container', {
				pagination: {
    				el: '.swiper-pagination',
    				clickable :true
  				},
  				navigation: {
      				nextEl: '.swiper-button-next',
      				prevEl: '.swiper-button-prev',
    			},
    			loop: true,
				autoplay: true,//可选选项，自动滑动
			})
		</script>
	</body>
</html>
